body {
    background: black;
    color: white;
}

.frame {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

#content-box {
    height: 100%;
    width: 100%;
    font-size: 100px;
    text-align: center;
    vertical-align: center;
    white-space: pre;
}

#group-hide-box {
    height: 100%;
    width: 100%;
    font-size: 100px;
    text-align: center;
    vertical-align: center;
    white-space: pre;
}

#rollBtn {
    width: 300px;
    height: 80px;
    background: #e7e7e7;
    /*font-weight: bold;*/
    font-size: 30px;
    border-radius: 1.2em;
    outline-style: none;
    cursor: pointer;
    transition-duration: 0.2s;
}

#rollBtn:hover {
    background: gray;
}

#rollBtn:active {
    transform: translateY(8px);
}
